Vue Fes Japan 2019 発表ネタまとめ
構成
20分(発表)
各セクション5〜6分のイメージ
何が知りたい?何を聞きたい?
何をやったら役に立つのかよりも人の印象に残ることを喋りたいかも
Webアクセシビリティについて
Webアクセシビリティの説明
世界には10億人、言い換えると、人口の15から20%の割合で障害を持つ人がいます。国連は障害者の権利条約を定めており、人権としてウェブを含んだ情報へのアクセスはほとんどの国で国連条約として批准されています。また数カ国では政策として義務付けられています。法律や規制にも関わらずアクセシビリティ標準を実行するのは、障害を持つ人たちにも、全ての人達にも不可欠なことです。
身体障害、知的障害、精神障害の3区分について、各区分における障害者数の概数は、身体障害者(身体障害児を含む。以下同じ。)436万人、知的障害者(知的障害児を含む。以下同じ。)108万2千人、精神障害者392万4千人となっている(図表1参照)。
これを人口千人当たりの人数でみると、身体障害者は34人、知的障害者は9人、精神障害者は31人となる。複数の障害を併せ持つ者もいるため、単純な合計にはならないものの、国民のおよそ7.4%が何らかの障害を有していることになる。
読字障害・色覚障害という見た目だけではわからない人もいる
障害者向けだけの話ではない
そこだけがエッジになっている
そもそも「使いやすい」ものとは誰のものか?
特定の誰かが努力しなくてもいい、参加しやすい世界をつくる
アクセシブルな実装じゃないものは除外されている
理由は単純で「使えない」から
もしくは無理やり使ってる
ストレスフルな業務ツールをずっと使い続けるのはつらい
障害者は皆が孤立しているわけではなく家族や友人がいる
アプローチの仕方
開発者だけの問題か?
デザイナー
コンポーネントデザイン
フォントサイズ
コントラスト比
パイを増やす
ユーザーの想定状況を知る
みんながそれぞれの視点で参加することが出来るしクロスすることもできる
開発
基本
何でもかんでもdivでやらない
キーボードで操作できることを意識する
フォーカスへの意識
WCAGを読む
roterにおけるページ遷移
meta情報の更新
aria-live
transition
アニメーションを切ることができる
htmlAttrsのlang指定
デフォルトが英語
英語のみが読まれる
TalkBackで確認
LPなどの作成時は注意
アクセシブルなプラグイン
IBMのVue-calendar
フレームワーク
create-nuxt-appで選べるUIフレームワーク
テスト・チェック
Storybook
addon-a11y
アクセシビリティチェック(タブ)
vue-axe
consoleにて確認
eslint-plugin-vue-a11y
書き換えが必要
自動チェックにおける留意
ユーザーテストも必要
ブラウザチェック
キーボードテスト
膨大なページ・コンポーネントのチェック
妥当な手段は見つけられてない
自分が考えるVue.jsとアクセシビリティについて
Vue.jsのドキュメントは足りていない
今ある内容(英)
As we develop our <blog-post> component, some features may require communicating back up to the parent. For example, we may decide to include an accessibility feature to enlarge the text of blog posts, while leaving the rest of the page its default size:
You can use this base icon as is- the only thing you might need to update is the viewBox depending on the viewBox of your icons. In the base, we’re making the width, height, iconColor, and name of the icon props so that it can be dynamically updated with props. The name will be used for both the <title> content and its id for accessibility.
ほかフレームワークはドキュメントがある
ReactのはReact開発におけるというよりもすべての開発者に向けている感じ
callumacrae氏がドキュメントを作成してくれてるが、プルリクエストは止まってしまっている
カンファレンスでもアクセシビリティを重視していきたい
同時翻訳
Vue Fesでは対応している
逆に日本語トークの英語翻訳は?
日本だからこその動きってできないだろうか
高齢化社会
労働人口はもう増えない
誰でもが参加できる窓口をつくろう
3.11以降の対応
聴覚障害者対応が増えた
震災時の聴覚障害の死亡率が健常者と比較して2倍
2020年はオリンピックが開催される
パラリンピックやアクセシビリティ対応というものに目を向けてみてもいいと思う
障害者差別解消法・障害者差別禁止法
合理的配慮
知る
参加してみる
Japan Accessibility Conference
CA11Y
a11y-lunch
a11yj-slack-team
もくもく会
冒頭で述べたように、2018年は、世界人口におけるインターネット利用者の数が史上初の50%以上のハーフラインを超えた記念すべき年となりました。
ティム・バーナーズ・リー